<template>
  <div>
    <div class="dashboard-guide">
      <Guide :data="guideData"></Guide>
    </div>
    <a-modal v-model="modalObj.visible" :title="modalObj.title" :footer="null" width="800px">
      <div class="disFlx flexCol flexCenter">
        <p class="disFlxAC">
          <a-icon type="question-circle" theme="filled" />
          <span class="_ml-4 _mr_8">猜你想问：</span>
          <a
            href="https://mp.weixin.qq.com/s?__biz=Mzk0OTcyMTI5MQ==&mid=2247485786&idx=1&sn=43bced1f901171b922307983cf1e738f&chksm=c35548fef422c1e8cb490aa031905826f1f7c06050ae1600b185ab067e9d1f09fa383c06ace7#rd"
            target="_blank"
            >活动管理|现场签到流程及相关指引</a
          >
        </p>
        <viewer :images="[modalObj.img]">
          <img :src="modalObj.img" alt="" style="width: 100%" />
        </viewer>
      </div>
    </a-modal>
  </div>
</template>
<script>
import Guide from '@/components/Guide'
import guide02 from '@/assets/guide-02.png'
import guide01 from '@/assets/guide-01.png'
export default {
  components: {
    Guide
  },
  data() {
    return {
      guideData: [
        {
          icon: guide01,
          text: '活动支持',
          operate: () => {
            this.modalObj.visible = true
            this.modalObj.title = '活动支持'
            this.modalObj.img = 'https://hb-saas.obs.cn-south-1.myhuaweicloud.com/mall/saas/activity-support.jpg'
            this.modalObj.desc = '扫描二维码联系客服，获取支持'
          }
        },
        {
          icon: guide02,
          text: '活动运营',
          operate: () => {
            window.open(
              'https://www.yuque.com/hbkj2024/mdvank/nnsgxz97f3wfe2bg?singleDoc#%20%E3%80%8A%E6%B4%BB%E5%8A%A8%E8%BF%90%E8%90%A5%E5%B8%B8%E8%A7%81%E8%BF%90%E8%90%A5%E6%80%9D%E8%B7%AF%E3%80%8B'
            )
          }
        }
      ],
      modalObj: {
        visible: false,
        title: '咨询客服',
        img: ''
      }
    }
  },

  methods: {}
}
</script>
<style lang="less" scoped>
.dashboard-guide {
  position: fixed;
  right: 0;
  bottom: 30%;
  z-index: 999;
}
</style>
